<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<script src="source/jquery-1.8.2.min.js"></script>
<style type="text/css">
body{font-family:'微软雅黑'; background-color:#EEE;}	ul{list-style:none; margin:0; padding:0;}

.headerA{width:1200px; background-color:#09C; color:#FFF; border-radius:5px 5px 0 0; padding-top:20px; padding-bottom:0;}
.tableA{ width:100%;}
.tableA td{text-align:center}

.div_user{width:100%; height:70px; font-size:14px; color:#6FF}
.div_user img{width:50px; height:50px; border-radius:3px; float:right; margin-right:30px;}
.div_user ul{float:right; padding-right:10px; padding-top:20px;}
.div_user li{float:right; padding:0 5px; cursor:pointer;}

.func_module ul{margin-right:50px;}
.func_module li{
	float:right; padding:4px 35px; font-size:14px; border:#FFF 1px solid; 
	background-color:#369; color:#FFF; margin:0 5px; cursor:pointer; border:#369 1px solid; border-bottom:0;
}

.tableB{width:1200px; padding:40px 40px 15px 40px; background-color:#FFF; color:#666; font-size:14px;}
.typelist ul{width:100%;}
.typelist li{
	float:left; width:90px; text-align:center; padding:4px 0; font-size:14px;
	border:#069 1px solid; background-color:#FFF; color:#069; margin:0 5px; cursor:pointer; letter-spacing:1px;
}

.contentA{width:1200px; background-color:#FFF; border-radius:0 0 5px 5px; padding:20px 0 100px 0;}
.tableC{
	width:1200px;background-color:#FFF; padding:0 50px;
	color:#369; font-size:14px;
}
.tableC th{background-color:#EEE; height:35px; font-weight:bold; text-align:left; padding-left:20px; letter-spacing:1px; border-bottom:#CCC 1px solid;}
.tableC td{padding:10px 0px 10px 20px; text-align:left; border-collapse:0; border-spacing:0}
.tableC .td_npg, .tableC .td_pg{border:0;}
.tableC .td_npg button{
	width:98%; height:33px;background-color:rgba(153,204,255,0.3); 
	border:#9CF 1px solid; border-radius:3px; margin:3px; cursor:pointer
}
.tableC .td_npg button:hover{color:#F96;}
.tableC .td_pg ul{float:right; margin-right:15px; margin-top:20px}
.tableC .td_pg li{float:left; padding:3px 9px; background-color:rgb(250,250,250); margin-right:7px; border:#369 1px solid;}
.tableC .td_pg li:hover{border-color:#F96;}

.textA{width:350px; margin:0; padding:0; height:25px; border:#369 1px solid;}
.textA:focus{border-color:#F93; outline:none;}
.textB{width:150px; margin:0; padding:0; height:25px; border:#369 1px solid;}
.textB:focus{border-color:#F93; outline:none;}
.textC{width:250px; margin:0; padding:0; height:25px; border:#369 1px solid;}
.textC:focus{border-color:#F93; outline:none;}

.selectA{width:100px; height:25px; margin:0; padding:0; border:#369 1px solid; cursor:pointer}
.selectA:focus{border-color:#F93; outline:none;}

.textareaA{width:350px; height:100px; border:#369 1px solid; resize:none;}
.textareaA:focus{border-color:#F93; outline:none;}

.buttonA{width:90px; height:30px; border:#63F 1px solid; background-color:#369; color:#FFF; cursor:pointer;}

red{color:#F33}
</style>
</head>

<body><center>
<div class="headerA">
	<table class="tableA" align="center" border="0" cellpadding="0" cellspacing="0">
    	<tr>
        	<td><div class="div_logo">Logo</div></td>
            <td><div class="div_user">
            		<img src="source/faceimg.jpg" align='absmiddle'>
                    <ul>
                    	<a href="toLogout"><li>退出</li></a>
                        <a href="reInfo"><li>设置</li></a>
                        <a href="toWarning"><li>提醒</li></a>
                        <li>王中艺</li>
                    </ul>
            	</div></td>
        </tr>
        <tr>
        	<td colspan="2">
            	<div class="func_module">
                	<ul>
                    	<li class="lia_ss">搜索</li>
                        <li class="lia_tj">添加</li>
                        <li class="lia_zl">总览</li>
                    </ul>
                </div>
            </td>
        </tr>
    </table>
</div>

<div class="contentA">
    <table class="tableC" align="center" border="0" cellpadding="0" cellspacing="0">
    	<tr><th colspan="2">更改密码</th></tr>
       	<form action="" method="post">
       	<tr><td width="60px">
        <label for="old_password">原密码</label></td><td><input type="password" id="old_password" name="old_password" class="textC">
        </td></tr>
        <tr><td width="60px">
        <label for="new_password1">新密码</label></td><td><input type="password" id="new_password1" name="new_password1" class="textC">
        </td></tr>
        <tr><td width="60px">
        <label for="new_password2">新密码</label></td><td><input type="password" id="new_password2" name="new_password2" class="textC">
        </td></tr>
       <tr><td></td><td><input type="button" id="form_submit" value="提交" class="buttonA"></td></tr>
      </form>
    </table>
</div>
</center></body>
<script language="javascript">
var winHeight = $(window).height();
$(".contentA").css("height",winHeight-270+'px');

//表单提交信息检测
$("#form_submit").click(function(){
	var newPassword1	= $("#new_password1").val();
	var newPassword2	= $("#new_password2").val();
	var nickname	= $("#nickname").val();
	var oldPassword = $("#old_password").val();
	
	if(newPassword1 != newPassword2){
		alert("两次密码不一致");
	}else if(nickname == ""){
		alert("抱歉 昵称为空!");
	}else if(newPassword1.length<6){
		alert("抱歉 您的密码小于6位!");
	}else if(oldPassword == ""){
		alert("抱歉 请输入原密码!")
	}else{
		alert("submit");
	}
});
</script>
</html>